<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/marineEquipment.css">
		<style>
			ul,
			ol {
				padding: 0;
			}
			
			.banner {
				position: relative;
				overflow: auto;
				text-align: center;
			}
			
			.banner li {
				list-style: none;
			}
			
			.banner ul li {
				float: left;
			}
			.banner ul li img {
				width:100% !important;
				max-height:330px !important;
			}
			
			#b04 {
				width: 100%;
			}
			
			#b04 .dots {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 20px;
			}
			
			#b04 .dots li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				text-indent: -999em;
				border: 2px solid #fff;
				border-radius: 6px;
				cursor: pointer;
				opacity: .4;
				-webkit-transition: background .5s, opacity .5s;
				-moz-transition: background .5s, opacity .5s;
				transition: background .5s, opacity .5s;
			}
			
			#b04 .dots li.active {
				background: #fff;
				opacity: 1;
			}
			
			#b04 .arrow {
				position: absolute;
				top: 200px;
			}
			
			#b04 #al {
				left: 15px;
			}
			
			#b04 #ar {
				right: 15px;
			}
		</style>
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/unslider.min.js"></script>

		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$('.mainList .content .left li').removeClass('selected');
					$(this).addClass('selected');
				});
				$('.mainList .content .left .list_header').click(function() {
					if($('.mainList .content .left .secendList').is(':hidden')) {
						$('.mainList .content .left .secendList').slideDown();
						$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
					} else {
						$('.mainList .content .left .secendList').slideUp();
						$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
					};

				});
				$("#row5 font label").click(function() {
					$("#row5 font label img").attr('src', 'images/icon35.png');
					$("#row5 font label").siblings('input').prop('checked', false);
					$(this).find('img').attr('src', 'images/icon36.png');
					$(this).siblings('input').prop('checked', true);
				});
				$("#row8 font label").click(function() {
					$("#row8 font label img").attr('src', 'images/icon35.png');
					$("#row8 font label").siblings('input').prop('checked', false);
					$(this).find('img').attr('src', 'images/icon36.png');
					$(this).siblings('input').prop('checked', true);
				});
//					轮播图
				var unslider04 = $('#b04').unslider({
						dots: true
					}),
					data04 = unslider04.data('unslider');

				$('.unslider-arrow04').click(function() {
					var fn = this.className.split(' ')[1];
					data04[fn]();
				});
			});
		</script>

	</head>

	<body style="background:#fff;">

		<div id="front_header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="registeredLink">
					<a href="#this">注册</a>
				</div>

				<div class="fr right">
					<div class="main">
						<div class="user_pic fl"><img src="images/user.png" /></div>
						<div class='user_name fl'>一日一记忆</div>
						<div class='icon fl'><img src="images/icon1.png" /></div>
					</div>
					<div class="out">
						<div class="user_center">
							<a href="javascript:void(0)">用户中心</a>
						</div>
						<div class="log_out">
							<a href="#this">退出登录</a>
						</div>
						<div class="tri"><img src="images/icon9.png" /></div>
					</div>
				</div>
				<div class="header_title">海洋装备</div>

			</div>
		</div>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a href="/"><img src="images/logo2.png" alt=""></a>
					</div>
					<div class="web_name">
						用户中心
					</div>
				</div>
			</div>
		</div>
		<div class="title">
			<a href="#this">海洋装备</a>
		</div>
		<div class="banner" id="b04">
			<ul>
				<li><img src="images/01.jpg" alt="" width="640" height="480"></li>
				<li><img src="images/02.jpg" alt="" width="640" height="480"></li>
				<li><img src="images/03.jpg" alt="" width="640" height="480"></li>
				<li><img src="images/04.jpg" alt="" width="640" height="480"></li>
				<li><img src="images/05.jpg" alt="" width="640" height="480"></li>
			</ul>
			<a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="images/arrowl.png" alt="prev" width="20" height="35"></a>
			<a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar" src="images/arrowr.png" alt="next" width="20" height="37"></a>
		</div>
		<div class="mainList">
			<div class="content">
				<div class="box box1">
					<div class='box_title'>
						<div>科研成果展示</div>
						<div><img src="images/marineEquipmentpic.png" /></div>
						<div class="more">
							<a href="#this"><img src="images/more2.png" /></a>
						</div>
					</div>
					<div class="box_content">
						<ul>
							<li>
								<div class='pic'><img src="images/ma.png" /></div>
								<div class="item">
									<div class="row1"></div>
									<div class="row2">正渗透海水淡化系统</div>
									<div class="row3">成熟度：正在研发</div>
									<div class="row4">¥2000元</div>
								</div>
							</li>
							<li>
								<div class='pic'><img src="images/ma.png" /></div>
								<div class="item">
									<div class="row1"></div>
									<div class="row2">正渗透海水淡化系统</div>
									<div class="row3">成熟度：正在研发</div>
									<div class="row4">¥2000元</div>
								</div>
							</li>
							<li class="selected">
								<div class='pic'><img src="images/ma.png" /></div>
								<div class="item">
									<div class="row1"></div>
									<div class="row2">正渗透海水淡化系统</div>
									<div class="row3">成熟度：正在研发</div>
									<div class="row4">¥2000元</div>
								</div>
							</li>
							<li>
								<div class='pic'><img src="images/ma.png" /></div>
								<div class="item">
									<div class="row1"></div>
									<div class="row2">正渗透海水淡化系统</div>
									<div class="row3">成熟度：正在研发</div>
									<div class="row4">¥2000元</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="box box2">
					<div class='box_title'>
						<div>科研需求展示</div>
						<div><img src="images/marineEquipmentpic.png" /></div>
						<div class="more">
							<a href="#this"><img src="images/more2.png" /></a>
						</div>
					</div>
					<div class="box_content">
						<ul>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li class="selected">
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="box box3">
					<div class='box_title'>
						<div>专家展示</div>
						<div><img src="images/marineEquipmentpic.png" /></div>
						<div class="more">
							<a href="#this"><img src="images/more2.png" /></a>
						</div>
					</div>
					<div class="box_content">
						<ul>
							<li>
								<div>
								<div class='pic'><img src="images/marineEquipmentpic2.png" /></div>
								<div class="item">
									<div class="row1">李斯</div>
									<div class="row2">甘肃省科学院生物研究所</div>
									<div class="row3">研究员/副所长</div>
									<div class="row4">
										<a href="#this">立即咨询</a>
										<a href="#this">方案评审</a>
									</div>
								</div>
								</div>
							</li>
							<li>
								<div>
								<div class='pic'><img src="images/marineEquipmentpic2.png" /></div>
								<div class="item">
									<div class="row1">李斯</div>
									<div class="row2">甘肃省科学院生物研究所</div>
									<div class="row3">研究员/副所长</div>
									<div class="row4">
										<a href="#this">立即咨询</a>
										<a href="#this">方案评审</a>
									</div>
								</div>
								</div>
							</li>
							<li>
								<div>
								<div class='pic'><img src="images/marineEquipmentpic2.png" /></div>
								<div class="item">
									<div class="row1">李斯</div>
									<div class="row2">甘肃省科学院生物研究所</div>
									<div class="row3">研究员/副所长</div>
									<div class="row4">
										<a href="#this" class="selected">立即咨询</a>
										<a href="#this">方案评审</a>
									</div>
								</div>
								</div>
							</li>
							<li>
								<div>
								<div class='pic'><img src="images/marineEquipmentpic2.png" /></div>
								<div class="item">
									<div class="row1">李斯</div>
									<div class="row2">甘肃省科学院生物研究所</div>
									<div class="row3">研究员/副所长</div>
									<div class="row4">
										<a href="#this" >立即咨询</a>
										<a href="#this" class="selected">方案评审</a>
									</div>
								</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="box box2">
					<div class='box_title'>
						<div>发布难题</div>
						<div><img src="images/marineEquipmentpic.png" /></div>
						<div class="more">
							<a href="#this"><img src="images/more2.png" /></a>
						</div>
					</div>
					<div class="box_content">
						<ul>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
							<li>
								<div>
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制实用新型专实用一种感应发亮的鞋底的实用新型专利定制实用新型专实用</div>
								<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制定感应发亮的鞋应发亮的鞋</div>
								<div class="row3">预算：5-10万</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>

	</body>

</html>